Vue.component('c-header', {
	template: '<nav class="navbar navbar-expand-md navbar-dark fixed-top" id="navbar">\
	<div class="container">\
        <a  href="#" class="nvabar">得众科技</a>\
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">\
            <span class="navbar-toggler-icon"></span>\
        </button>\
        <div class="collapse navbar-collapse" id="collapsibleNavbar">\
            <ul class="navbar-nav">\
                <li class="nav-item">\
                    <a class="nav-link" href="index.html">首页</a>\
                </li>\
                <li class="nav-item">\
                    <a class="nav-link" href="product.html">产品服务</a>\
                </li>\
                <li class="nav-item">\
                    <a class="nav-link" href="business.html">经营范围</a>\
                </li>\
                <li class="nav-item">\
                    <a class="nav-link" href="cooperation.html">合作企业</a>\
                </li>\
				<li class="nav-item">\
				    <a class="nav-link" href="company.html">公司介绍</a>\
				</li>\
				<li class="nav-item">\
				    <a class="nav-link" href="contact.html">联系方式</a>\
				</li>\
            </ul>\
        </div>\
		</div>\
    </nav>'
	,props:['title','detail']
});


Vue.component('c-footer', {
	template: '<footer class="footerBg">\
        <div class="container">\
            <div class="footTop">\
                <div class="footTopR text-right">\
                    <div class="clear">商务合作电话：</div>\
                    <p class="Tel">185-1367-9038</p>\
                    <p>（周一至周五9:00-16:00）</p>\
                </div>\
                <div class="footTopL">\
                    <ul class="footLink list-unstyled list-inline">\
                        <li>\
                            <h3><a class="ellipsis">关于我们</a></h3>\
                            <div class="footSub">\
                                <p><a class="ellipsis">关于微信小程序</a></p>\
                                <p><a class="ellipsis">联系我们</a></p>\
                                <p><a class="ellipsis">人才招聘</a></p>\
                                <p><a class="ellipsis">隐私和法律声明</a></p>\
                            </div>\
                        </li>\
                        <li>\
                            <h3><a class="ellipsis">产品应用</a></h3>\
                            <div class="footSub">\
                                <p><a class="ellipsis">NCRM客户管理模块</a></p>\
                                <p><a class="ellipsis">互联网信息识别分析应用</a></p>\
                                <p><a class="ellipsis">会员营销管理模块</a></p>\
                                <p><a class="ellipsis">微营销管理模块</a></p>\
                            </div>\
                        </li>\
                        <li>\
                            <h3><a class="ellipsis">产品资料</a></h3>\
                            <div class="footSub">\
                                <p><a class="ellipsis">营销手册</a></p>\
                                <p><a class="ellipsis">产品使用手册</a></p>\
                                <p><a class="ellipsis">获取试用</a></p>\
                            </div>\
                        </li>\
                        <li>\
                            <h3><a class="ellipsis">购买合作</a></h3>\
                            <div class="footSub">\
                                <p><a class="ellipsis">价格体系</a></p>\
                                <p><a class="ellipsis">联系销售</a></p>\
                                <p><a class="ellipsis">代理合作</a></p>\
                                <p><a class="ellipsis">应用培训</a></p>\
                            </div>\
                        </li>\
						</ul>\
                </div>\
                <div class="clear"></div>\
            </div>\
			</div>\
        <div class="footBot">\
            <p>版权所有 © 2019 深圳得众网络科技有限公司</p>\
        </div>\
    </footer>'
	,props:['title','detail']
});
